import { InputNumber } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import { useLocale } from "@/locales"

const BettingAmount: FC = () => {
	const { formatMessage } = useLocale()
	return (
		<div style={{ alignItems: "center", display: "inline-flex" }}>
			<SFormItem name="minBetAmount" label={formatMessage({ id: "report.betting_amount" })}>
				<InputNumber style={{ width: "133px" }} placeholder={formatMessage({ id: "label.minimum" })} />
			</SFormItem>
			&nbsp;{" - "}&nbsp;
			<SFormItem name="maxBetAmount">
				<InputNumber style={{ width: "133px" }} placeholder={formatMessage({ id: "label.maximum" })} />
			</SFormItem>
		</div>
	)
}

export default BettingAmount
